﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
  <head>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <title>个人信息</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="./resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="./resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="./data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="./files/index/styles.css" type="text/css" rel="stylesheet"/>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u0" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u1" class="ax_default _形状">
          <img id="u1_img" class="img " src="./images/12.jpg"/>
          <!-- Unnamed () -->
          <div id="u2" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        

        <!-- Unnamed (矩形) -->
      </div>

      <!-- Unnamed (组合) -->
      <div id="u5" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u6" class="ax_default label">
          <div id="u6_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u7" class="text" style="visibility: visible;">
            <p><span>账号信息</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u8" class="ax_default _形状">
          <div id="u8_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u9" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u11" class="ax_default label">
          <div id="u11_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u12" class="text" style="visibility: visible;">
            <p><span>ID</span></p>
          </div>
        </div>

        <!-- border (矩形) -->
        <div id="u13" class="ax_default box_1" data-label="border">
          <div id="u13_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u14" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u15" class="ax_default text_field">
          <input v-model="id" id="u15_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u16" class="ax_default label">
          <div id="u16_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u17" class="text" style="visibility: visible;">
            <p><span>昵称</span></p>
          </div>
        </div>

        <!-- border (矩形) -->
        <div id="u18" class="ax_default box_1" data-label="border">
          <div id="u18_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u19" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u20" class="ax_default text_field">
          <input v-model="nicheng" id="u20_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u21" class="ax_default label">
          <div id="u21_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u22" class="text" style="visibility: visible;">
            <p><span >姓名</span></p>
          </div>
        </div>

        <!-- border (矩形) -->
        <div id="u23" class="ax_default box_1" data-label="border">
          <div id="u23_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u24" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u25" class="ax_default text_field">
          <input v-model="name01" id="u25_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u26" class="ax_default label">
          <div id="u26_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u27" class="text" style="visibility: visible;">
            <p><span>联系方式</span></p>
          </div>
        </div>

        <!-- border (矩形) -->
        <div id="u28" class="ax_default box_1" data-label="border">
          <div id="u28_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u29" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u30" class="ax_default text_field">
          <input v-model="lianxifangshi" id="u30_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31" class="ax_default label">
          <div id="u31_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u32" class="text" style="visibility: visible;">
            <p><span>加入时间</span></p>
          </div>
        </div>

        <!-- border (矩形) -->
        <div id="u33" class="ax_default box_1" data-label="border">
          <div id="u33_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u34" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u35" class="ax_default text_field">
          <input v-model="date01" id="u35_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u36" class="ax_default label">
          <div id="u36_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u37" class="text" style="visibility: visible;">
            <p><span>职位</span></p>
          </div>
        </div>

        <!-- border (矩形) -->
        <div id="u38" class="ax_default box_1" data-label="border">
          <div id="u38_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u39" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u40" class="ax_default text_field">
          <input v-model="zhiwei" id="u40_input" type="text" value=""/>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u41" class="ax_default">

        <!-- Unnamed (矩形) -->
        <div id="u42" class="ax_default label">
          <div id="u42_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u43" class="text" style="visibility: visible;">
            <p><span>睡觉玩手机，有只小虫子一直在屏上飞。</span></p><p><span>按了半天都没按死，这时候老婆说：“你玩啥呢，给我下一个。”</span></p><p><span>我接过她的手机，把我的屏幕关掉，小虫子被顺利的吸引到她的手机屏上。</span></p><p><span>我递给她说：“就一条命啊，省着点玩。”</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u44" class="ax_default label">
          <div id="u44_div" class=""></div>
          <!-- Unnamed () -->
          <div id="u45" class="text" style="visibility: visible;">
            <p><span>每日一笑</span></p>
          </div>
        </div>
        <div th:text="${session.us}" id="us" style="display: none"></div>
      </div>
      <div th:text="${session.ps}" id="ps" style="display: none"></div>
    </div>
    </div>

  <script>
    window.onload=function () {
      var us=document.querySelector("#us").innerHTML;
      var ps=document.querySelector("#ps").innerHTML;
      var app1=new Vue({
        el:"#base",
        data:{
          id:"",
          nicheng:"",
          name01:"",
          lianxifangshi:"",
          date01:"",
          zhiwei:""

        },
        method:{


        },
        created:function () {
          axios.get("loginList?username="+us+"&password="+ps)
                  .then(function (response) {

                            app1.id=response.data[0].id;
                            app1.nicheng=response.data[0].aname;
                            app1.name01=response.data[0].name;
                            app1.lianxifangshi=response.data[0].phone;
                            app1.date01=response.data[0].jiarushijian;
                            app1.zhiwei=response.data[0].juese;

                          },function (err) {
                            alert("错误")
                          }
                  )

        }
      })


    }
  </script>
  </body>
</html>
